// // 背景图片
// @mixin bg-image($url) {
//     background-image: url($url + "@2x.png");

//     @media (-webkit-min-device-pixel-ratio: 3),
//     (min-device-pixel-ratio: 3) {
//         background-image: url($url + "@3x.png");
//     }
// }

// 不换行
@mixin no-wrap {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

// 扩展点击区域
@mixin extend-click {
    position: relative;

    &::before {
        content: '';
        position: absolute;
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
    }
}

// 清除浮动
@mixin clearfix {
    &:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
}

// 设置宽高
@mixin whl($w, $h, $lh : $h) {
    width: $w;
    height: $h;
    line-height: $lh;
}

// 设置宽高
@mixin wh($w, $h) {
    width: $w;
    height: $h;
}

// 设置字体大小，颜色
@mixin fc($size, $color) {
    font-size: $size;
    color: $color;
}

// 常用样式简写

@mixin flex-c() {
    display: flex;
    align-items: center;
    justify-content: center;
}

@mixin flex-c-sb() {
    display: flex;
    align-items: center;
    justify-content: space-between;
}